<template>
  <div class="main">
    <div class="data-left">
      <dataPanel title="能耗统计"  :height="96.5" icon="/static/img/park/energy/icon-1.webp">
        <LEFT></LEFT>
      </dataPanel>
    </div>
    <div class="data-right">
      <dataPanel title="能源统计"  :height="96.5" icon="/static/img/park/energy/icon-2.webp">
        <RIGHT></RIGHT>
      </dataPanel>
    </div>
  </div>
</template>

<script>
import  dataPanel from "../../../components/park/dataPanel.vue"   // 数据框
import LEFT from "./components/left.vue";
import RIGHT from "./components/right.vue";
export default{

  components:{
    dataPanel,
    LEFT,
    RIGHT
  }

}
</script>

<style scoped lang="less">
@import '../../assets/css/chuShiHua.less';

.main{
  .WH();
  display: flex;
  justify-content: space-between;
  .data-left, .data-right{
    .WH(24%,95%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
</style>
